<template>
  <div class="lifeIndex_container marginBottom15">
    <div class="info_containerPadding info_containerBacInfoStyle">
      <div class="mainTitleFont">生活指数</div>
      <LifeCard
        v-for="(item, index) in lifeIndex"
        :key="index"
        :lifeData="item"
        :lifeItemIndexType="item.type"
      />
    </div>
  </div>
</template>

<script>
import { mapState } from "vuex";
import LifeCard from "../../common/lifeCard/LifeCard";
export default {
  name: "LifeIndex",
  components: {
    LifeCard,
  },
  computed: {
    ...mapState(["lifeIndex"]),
  },
};
</script>

<style scoped>
.lifeIndex_container {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
}
</style>